﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="gemStore">
<head>
    <title></title>
   <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body>
    <script src="js/angular.js"></script>
    <script src="js/main.js"></script>
    <div ng-controller="StoreController as store">
        <div ng-repeat="product in store.products" ng-hide="product.soldOut">
            <h1>{{product.name}}</h1>
            <h3>{{product.description}}</h3>
            <em>{{product.price|currency}}</em>
            <img ng-src="{{product.images[0].full}}" />
            <button ng-show="product.canPurchase">click</button>
        </div>
    </div>

  <!--  <ul class="nav nav-tabs" role="tablist" ng-controller="tabController">
        <li class="{{active:tabController.isSelectedTab(1)}}"><a href="#" ng-click="tabController.setTab(1)">Home </a></li>
        <li class="{{active:tabController.isSelectedTab(2)}}"><a href="#" ng-click="tabController.setTab(2)">Profile</a></li>
        <li class="{{active:tabController.isSelectedTab(3)}}"><a href="#" ng-click="tabController.setTab(3)">Messages</a></li>
        {{tabController.fatih}}
    </ul>
    -->
</body>
</html>



